<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息</title>
    <link rel="stylesheet" href="../../css/front/info.css">
    <link rel="stylesheet" href="../../css/front/common.css">
    <script src="../../js/jquery-3.4.1.min.js"></script>
</head>
<body>
<div class="info">
    <div class="infoBorder">
        <div class="option">
            <div class="float-left">
                <span>当前位置 -> 个人资料</span>
            </div>
            <div class="float-right">
                <span id="changeInfo">修改</span>
                <span>保存</span>
            </div>
        </div>
        <hr>
        <div id="studentInfo" class="studentInfo">

        </div>
    </div>
</div>

<script>
    $(function () {
        $.ajax({
            url:"/student/studentInfo",
            contentType:"application/json;charset=utf-8",
            data:null,
            dataType:"json",
            type:"post",
            success:function (data) {
                console.log(data);
                let html = "<ul>\n" +
                    "                <li>学生姓名："+data.username+"</li>\n" +
                    "                <li>性别："+data.sex+"</li>\n" +
                    "                <li>证件号码："+data.numberID+"</li>\n" +
                    "                <li>学历："+data.gradation+"</li>\n" +
                    "                <li>出生年月："+data.birthday+"</li>\n" +
                    "       </ul>\n"+
                    "       <ul>\n"+
                    "                <li>联系方式："+data.tel+"</li>\n" +
                    "                <li>邮箱："+data.email+"</li>\n" +
                    "                <li>学习方向："+data.direction+"</li>\n" +
                    "                <li>学号："+data.number+"</li>\n" +
                    "                <li>年级："+data.grade+"</li>\n" +
                    "            </ul>";
                $("#studentInfo").html(html);
            }
        });
    });
</script>
</body>
</html>